<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{margin: 0%;padding: 0;list-style: none;}
        img{width: 200px;height: 200px;position: absolute;top:0;left:0}
        #menu{display: none;width: 150px;border: 2px solid #000;border-radius: 10px;position: fixed;left: 0%;top: 0;overflow: hidden;}
    </style>
</head>
<body>
    <!-- <img src="https://imagepphcloud.thepaper.cn/pph/image/301/526/867.jpg" alt=""> -->
    <ul id="menu">
        <li>11111</li><li>2222</li><li>3333</li><li>4444</li>
    </ul>
    <a href="http://www.baidu.com">百度</a>
    <script>
        // var img=document.querySelector('img');
        // // 鼠标右键菜单事件:oncontextmenu
        // img.onmousedown=function(e){
        //     e=e||event;
        //     var sx=e.offsetX;
        //     var sy=e.offsetY;
        //     // 2.鼠标移动,相对于可视区位置是变化的,
        //     document.onmousemove=function(e){
        //         img.style.left=e.clientX-sx+'px';
        //         img.style.top=e.clientY-sy+"px";
        //     }
        //     // 3.拖拽结束了,move事件无效
        //     document.onmouseup=function(){
        //         document.onmousemove=null;//结束
        //     }
        //     return false
        // }

        // 1.默认行为,就是不用我们注册,它自己存在的事情
        // 2.有的时候,我们不希望浏览器执行默认事件
        //   e.preventDefault();非IE使用
        //   e.returnValue=false :IE使用属性
        
        
        // var link=document.querySelector('a');
        // link.onclick=function(e){
            // e=e ||event;
            //e.preventDefault();
            // event.returnValue=false;
        // }

        // return false前提是普通事件,根据函数内部的返回值演变出来的
        
    </script>
</body>
</html>